/* BUTTONS: all button variants should inherit from these styles */


.button {
	/* position */	position: relative; /* buttons should use relative positioning so pressDown animation functions correctly; for absolute positioning, wrap button in a div and absolutely position it. */
	/* box */		display: inline-block; height: 36px; padding: 0 10px; line-height: 36px; background: #ccc;
	/* type */		font-size: 14px; color: #444; text-decoration: none; text-align: center; font-family: 'Arvo', arial, serif;
	
	-webkit-appearance: none;
	
	-webkit-font-smoothing: subpixel-antialiased; /* renders button fonts more accurately in webkit */
	
	-webkit-border-radius: 6px;	-moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
	
	-webkit-box-shadow: 0px 1px 1px #aaa; -moz-box-shadow: 0px 1px 1px #aaa; -ms-box-shadow: 0px 1px 1px #aaa; -o-box-shadow: 0px 1px 1px #aaa;	box-shadow: 0px 1px 1px #aaa;
	
	-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
	
	/* variants will set these props */				
	border: 1px solid #9f9f9f;
	text-shadow: 0px 1px 0px #fff;
	background: #f2f2f2;
	background: -moz-linear-gradient(100% 100% 90deg,#ddd, #FFF);  /* Gecko */
	background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#ddd)); /* Webkit */
}

.button:hover {
	cursor: pointer; text-decoration: none;	
    /* use css transtion to handle transitions between colors on rollOver */
	-webkit-transition-duration:0.25s; -moz-transition-duration:0.25s; -ms-transition-duration:0.25s; -o-transition-duration:0.25s; transition-duration:0.25s;
}

.button:active {
	cursor: pointer;
	top: .15em; /* include the end state of the animation so animation runs to the end and stops; location should be slightly less than what's specified in the keyframe */
	/* use css animation to handle button animation on pressDown */
	-webkit-animation-duration: .25s;  
	-webkit-animation-name: pressDown;				
	-moz-animation-duration: .25s;  
	-moz-animation-name: pressDown;
}

@-webkit-keyframes pressDown {  
	from { top: 0; } 
	to { top: .15em; }
}			

@-moz-keyframes pressDown {  
	from { top: 0; }  
	to { top: .15em; }
}

@-webkit-keyframes disabled {  /* disabled buttons should not move */
	from { top: 0; }  
	to { top: 0; }
}

@-moz-keyframes disabled {  
	from { top: 0; }  
	to { top: 0; }
}


/* DEFAULT: a white button with orange rollover state */

.button-default:hover {
	border: 1px solid #da8200;
	color: #fff; text-shadow: none;				
	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
	background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */
}

.button-default:active {
	/* box */ 			border: 0px solid #da8200;
	/* background */	background: #f18f10;
	/* type */ 			color: #fff; text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						background: -moz-linear-gradient(100% 100% 90deg,#f69610, #FFC945); /* Gecko */
						background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFC945), to(#f69610)); /* Webkit */
}

.button-default.disabled, .button-default.passive {
	/* position */		top: 0em; /* button should not move */
	/* box */ 			border: 1px solid #999;
	/* type */ 			color: #ccc; text-shadow: none; /* remove the shadow so button gives some feedback */
	/* background */	background: #999;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */
}

/* ALT: an orange button with a while rollover state */

.button-alt { 

	/* box */ 			border: 1px solid #da8200;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10;
	/* css3 */	 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb01e), to(#E38510));
						background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: color; */
}

.button-alt:hover {
	/* box */ 			border: 1px solid #da8200;
	/* background */	background: #f18f10;
	/* type */ 			color: #fff; text-shadow: none;	
}

.button-alt:active {
	/* box */ 			border: 0px solid #9f9f9f;
	/* type */ 			text-shadow: none;
	/* background */	background: -moz-linear-gradient(100% 100% 90deg,#aaa, #ccc);  /* Gecko */
						background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#ccc), to(#aaa)); /* Webkit */
	/* css3 */			-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;	
}

.button-alt.disabled, .button-alt.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: 1px solid #999;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #999;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}

/* PAGINATION: a white button with orange rollover state; has extra left/right padding to make button feel square */

.button-pagination {
	padding: 0 18px;
	-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;
}

.button-pagination:hover {
	border: 1px solid #da8200;
	color: #fff; text-shadow: none;				
	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
	background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */
}

.button-pagination:active {
	/* box */ 			border: 0px solid #da8200;
	/* background */	background: #f18f10;
	/* type */ 			color: #fff; text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						background: -moz-linear-gradient(100% 100% 90deg,#f69610, #FFC945); /* Gecko */
						background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFC945), to(#f69610)); /* Webkit */
}

.button-pagination.disabled, .button-pagination.passive {
	/* position */		top: 0em; /* button should not move */
	/* box */ 			border: 1px solid #999;
	/* type */ 			color: #ccc; text-shadow: none; /* remove the shadow so button gives some feedback */
	/* background */	background: #999;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */
}

.button-pagination.selected {
	cursor: default; top: 0em; /* button should not move */	
	border: 1px solid #da8200;
	color: #fff; text-shadow: none;				
	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
	background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}

/* FLAT: a white button with orange rollover state; no gradients or box shadows */

.button-flat {
	/* box */ 			border: none;
	/* type */ 			font-family: Georgia, Times, serif; color: #f18e10; font-style: oblique; font-size: .875em; 
						text-shadow: 0px 1px 0px #fff;
	/* background */	background: #f2f2f2;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.button-flat:hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
						background-image: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */	
}

.button-flat:active {
	/* box */ 			border: none;
	/* background */	background: #f18f10;
	/* type */ 			color: #fff; text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.button-flat.disabled, .button-flat.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: none;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #888;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}

/* FLAT ALT: a white button with yellow rollover state; no gradients or box shadows */

.button-flat-alt {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none; font-family: Georgia, Times, serif; color: #f18e10; font-size: .875em;
	/* background */	background: #f2f2f2;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.button-flat-alt:hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e; /* do not use gradient for Webkit... blocks transition effect */
						background-image: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: #f18e10 */	
}

.button-flat-alt:active {
	/* box */ 			border: none;
	/* background */	background: #ccc;
	/* type */ 			color: #fff; text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.button-flat-alt.disabled, .button-flat-alt.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: none;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #888;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}


/* MENU: a black button with a grey rollover state */

.button-menu {
	/* box */ 			border: none;
	/* type */ 			font-size: 14px; color: #888; text-decoration: none; text-shadow: none; font-family: Georgia, Times, serif;
	/* background */	background: #4F4F4F;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.button-menu:hover {
	background: #444; color: #ccc;
}

.button-menu:active {
	background: #666; color: #fff;
}



/*	MAIN NAVIGATION: main navigation buttons in site header */				
				
.button-nav-menu-item {
	/* box */ 			position: relative; border-left: 1px solid #555; border-top: none; border-bottom: none; border-right: none; height: 30px; padding-left: 28px; margin-left: -2px; 
	/* type */ 			font-size: 14px; color: #fff; line-height: 30px; text-decoration: none; text-shadow: none; font-family: Georgia, Times, serif;
	/* background */	background: #4F4F4F;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;
}

.button-nav-menu-item:hover {
	background: #444; color: #ccc;
	-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;
}

.button-nav-menu-item:active {
	background: #666; color: #fff;
	-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;
}
	
.button-nav-menu-item img { position: absolute; top: 4px; left: 4px; }
.button-nav-menu-item img.selected { display: none; }

/*		selected */
.button-nav-menu-item.selected { background: #111; color: #f18e10; cursor: default; }
.button-nav-menu-item.selected img.default { display: none; }
.button-nav-menu-item.selected img.selected { display: block; }
.button-nav-menu-item.selected.last { border-right: 1px solid #555; }

/*		placeholder */
.button-nav-menu-item.button-nav-menu-placeholder { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -o-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }



/*		item cart */
.button-nav-menu-item.button-nav-menu-item-cart {
	position: absolute; right: 0; top: 0; padding-left: 10px;
	-webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; -ms-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;
}


/*		total in cart */
.button-nav-menu-item.button-nav-menu-total-in-cart { padding-left: 10px; padding-right: 10px; }

/*		timer */			
.button-nav-menu-item.button-nav-menu-timer { padding-left: 15px; padding-right: 15px; }

/* */

.button-nav-menu-item.button-nav-menu-item-cart:hover,
.button-nav-menu-item.button-nav-menu-total-in-cart:hover,
.button-nav-menu-item.button-nav-menu-timer:hover {
	cursor: default; color: #fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
	background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
}
			
.button-nav-menu-item.button-nav-menu-item-cart:active,
.button-nav-menu-item.button-nav-menu-total-in-cart:active,
.button-nav-menu-item.button-nav-menu-timer:active {
	cursor: default;
	top: 0em; /* button should not move */
	-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */
}

/*		view cart */
.button-nav-menu-item-view-cart {
	height: 30px; line-height: 30px; padding-left: 38px; margin-left: -2px; border: none;
	-webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; -ms-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;
	-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;
}
.button-nav-menu-item-view-cart:hover { border: none; }
.button-nav-menu-item-view-cart:active { border: none; }
.button-nav-menu-item-view-cart img { position: absolute; top: 9px; left: 12px; }

.button-nav-menu-item-view-cart.view-cart-passive {
	/* background */	background: #4F4F4F;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
}

/*	CUSTOM NAV */
.button-custom-nav {
	/* box */ 			position: relative; overflow: hidden; border: none; height: 30px; padding-left: 28px; margin-left: -2px; 
	/* type */ 			font-size: 14px; color: #f18e10; line-height: 30px; text-decoration: none; text-shadow: none; font-family: Georgia, Times, serif;
	/* background */	background: #4F4F4F;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;
}

.button-custom-nav:hover { background: #444; color: #ccc; }

.button-custom-nav:active { background: #666; color: #fff; }
	
.button-custom-nav img { position: absolute; top: 8px; left: 8px; }

.button-custom-nav.disabled, .button-custom-nav.passive {
	/* position */		top: 0em; /* button should not move */	
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #333;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}


/* TAB: an orange button with dark disabled state */

.button-tab {
	/* box */ 			border: 0px solid #424242;
	/* type */ 			text-shadow: none; color: #888; 
	/* background */	background: #444;
}

.button-tab:hover {
	/* box */ 			border: 0px solid #da8200;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e; /* do not use gradient for Webkit... blocks transition effect */
}

.button-tab:active {
	/* box */ 			border: 0px solid #aaa;
	/* background */	background: #aaa;
	/* type */ 			color: #fff; text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.button-tab.disabled, .button-tab.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: 0px solid #da8200; cursor: default;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10;
	/* css3 */	 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb01e), to(#E38510));
						background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e);
						-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */						
}

/* TAB TOUCH: a dark button with grey disabled state */

.button-tab-touch {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none; color: #fff; 
	/* background */	background: #444;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
						-webkit-box-shadow: 2px 2px 2px #222; -moz-box-shadow: 0px 2px 2px #222; -o-box-shadow: 0px 2px 2px #222; box-shadow: 0px 2px 2px #222;
}

.button-tab-touch:hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
}

.button-tab-touch:active {
	/* box */ 			border: none;
	/* background */	background: #aaa;
	/* type */ 			color: #fff; text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.button-tab-touch.disabled, .button-tab-touch.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: none; cursor: default;
	/* type */ 			color: #888; text-shadow: none;
	/* background */	background: #f18e10;
	/* css3 */	 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */						
}

/* TAB TOUCH ALT: a dark button with grey disabled state */

.button-tab-touch-alt {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none; color: #fff; 
	/* background */	background: #f18e10;
	/* css3 */	 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb01e), to(#E38510));
						background: -moz-linear-gradient(100% 100% 90deg,#E38510, #ffb01e); /* Gecko: place AFTER background: color; */
						-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
						-webkit-box-shadow: 2px 2px 2px #222; -moz-box-shadow: 0px 2px 2px #222; -o-box-shadow: 0px 2px 2px #222; box-shadow: 0px 2px 2px #222;
}

.button-tab-touch-alt:hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #f18e10; /* do not use gradient for Webkit... blocks transition effect */
}

.button-tab-touch-alt:active {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: -moz-linear-gradient(100% 100% 90deg,#ddd, #FFF);  /* Gecko */
						background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#ddd)); /* Webkit */ 	
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.button-tab-touch-alt.disabled, .button-tab-touch-alt.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: none; cursor: default;
	/* type */ 			color: #ba7012; text-shadow: none;
	/* background */	background: #f18e10;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}


/* TRASH: trash can icon */

.button-trash {
	/* background */	background: transparent url("/images/icons/icon_trash.png") no-repeat;
	/* box */ 			width: 24px; height: 24px; padding: 0; margin: 0;
	/* css3 */	 		-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;
						-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;
						-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;	
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						border: none;
						text-shadow: none;
}

.button-trash:hover {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none;
	/* background */	background: transparent url("/images/icons/icon_trash.png") no-repeat 0 -24px;
}

.button-trash:active {
	/* box */ 			border: none;
	/* background */	background: transparent url("/images/icons/icon_trash.png") no-repeat 0 -48px;
	/* type */ 			text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;	
}

.button-trash.disabled, .button-trash.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: none; cursor: default;
	/* type */ 			text-shadow: none;  
	/* background */	background: transparent url("/images/icons/icon_trash.png") no-repeat 0 -72px;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}

/* RADIO: radio button icon */

.button-radio {
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat;
	/* box */ 			width: 19px; height: 20px; padding: 0; margin: 0;
	/* css3 */	 		-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;
						-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;
						-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;	
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						border: none;
						text-shadow: none;
}

.button-radio:hover {
	/* box */ 			border: none;
	/* type */ 			text-shadow: none;
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat 0 -20px;
}

.button-radio.active {
	/* box */ 			border: none;
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat 0 -43px;
	/* type */ 			text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;	
}

.button-radio.disabled, .button-radio.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: none;
	/* type */ 			text-shadow: none;  
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat 0 -40px;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}

.button-radio.selected {
	/* background */	background: transparent url("/images/icons/icons_radio_button.gif") no-repeat 0 -60px;
}

/* QUANTITY: quantity controls */

.button-quantity {
	/* background */	background: #f18f10;
	/* box */ 			margin: 0; padding: 0; width: 30px; height: 24px; border: 1px solid #e2772e; cursor: pointer;
	/* css3 */	 		-webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; -o-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;
						-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;	
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
						text-shadow: none;
}

.button-quantity.increase:hover, .button-quantity.decrease:hover { background-color: #ffb01e; }

.button-quantity:active {
	/* background */	background-color: #ffcf54;
}

.button-quantity.increase { background: #f18f10 url("/images/icons/icon_qty_up.gif") no-repeat 10px 9px; }
.button-quantity.decrease { border-top: 1px solid #ffa736; background: #f18f10 url("/images/icons/icon_qty_down.gif") no-repeat 10px 9px; -webkit-border-radius: 0 0 6px 0; -moz-border-radius: 0 0 6px 0; -o-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; }

/* DROPDOWN DEFAULT: a white button with orange rollover state and arrow icon */

.button-dropdown-default {
	/* background */	background: #ccc url("/images/icons/ui_button_dropdown_default.png") no-repeat 92% 12px; 
	/* box */ 			border: 0px solid #aaa; padding-right: 30px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.button-dropdown-default:hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e url("/images/icons/ui_button_dropdown_hover.png") no-repeat 92% 12px;

}

.button-dropdown-default:active {
	/* box */ 			border: none;
	/* background */	background: #ccc url("/images/icons/ui_button_dropdown_hover.png") no-repeat 92% 12px;
	/* type */ 			color: #fff; text-shadow: none;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}

.button-dropdown-default:disabled, .button-dropdown-default:passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: none;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #888 url("/images/icons/ui_button_dropdown_disabled.png") no-repeat 92% 12px;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}

/* DROPDOWN ALT: an orange button with orange rollover state and arrow icon */

.button-dropdown-alt {
	/* box */ 			border: none; padding-right: 30px;
	/* type */			color: #fff; text-shadow: none;
	/* background */	background: #f18e10 url("/images/icons/ui_button_dropdown_alt.png") no-repeat 92% -39px; 		
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.button-dropdown-alt:hover {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e url("/images/icons/ui_button_dropdown_alt.png") no-repeat 92% -39px;
}

.button-dropdown-alt:active {
	/* box */ 			border: none;
	/* type */ 			color: #fff; text-shadow: none;
	/* background */	background: #ffb01e url("/images/icons/ui_button_dropdown_alt.png") no-repeat 92% -39px;
	/* css3 */	 		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}

.button-dropdown-alt.disabled, .button-dropdown-alt.passive {
	/* position */		top: 0em; /* button should not move */	
	/* box */ 			border: none;
	/* type */ 			color: #ccc; text-shadow: none;  
	/* background */	background: #888 url("/images/icons/ui_button_dropdown_disabled.png") no-repeat 92% -39px;
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */	
}

/* SET LOCATION: a black button with an orange rollover state */

.button-set-location {
	/* box */ 			border: none;
	/* type */ 			color: #fff; font-size: 14px; text-decoration: none; text-shadow: none; font-family: Georgia, Times, serif;
	/* background */	background: #4F4F4F;
	/* css3 */			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F4F4F), to(#141414));
						background: -moz-linear-gradient(19% 75% 90deg,#141414, #4F4F4F);
						-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
						-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}
.button-set-location:hover {
	background: #f18f10; color: #ccc;
}
.button-set-location:active {
	background: #666; color: #fff;
}
.button-set-location:selected {
	background: #444; color: #f18E10;
}
.button-set-location.disabled, .button-set-location.passive {
						background: #666; color: #888;
	/* position */		top: 0em; /* button should not move */	
	/*	CSS3 */			-webkit-animation-play-state: paused; -moz-animation-play-state: paused; /* do not run animation on disabled buttons */
}

/* WELCOME */

#buttonWelcomeClose {
	cursor: pointer;
	width: 25px; height: 25px;
	background: transparent url("/images/icons/button_close_med.png") no-repeat;
}

/* GALLERY: */

.css-button-circle {
    display:inline-block; position: relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
    box-sizing:border-box;
    width:20px;
    height:20px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	-ms-border-radius:10px;
    border-radius:10px;

    background-repeat:no-repeat;
    background-origin:border-box;
    background-position:50% 50%;

    border-width:2px;
    border-color: #646464;

    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;


}

.css-button-circle.stop {
	border-color: #3c3c3c;
}

.css-button-circle:hover {
	background: #eee;
    border-width: 4px;
    border-color: #646464;
	cursor: pointer;	

}

.css-button-circle.stop:hover {
	background: transparent;
	border-color: #3c3c3c;
	border-width: 2px;
	cursor: default;
}

.css-button-circle:active {
	background: #f18e10;
	cursor: pointer;
	-webkit-transform: translateY(.25em);
	-moz-transform: translateY(.25em);
	-ms-transform: translateY(.25em);
	-o-transform: translateY(.25em);
	transform: translateY(.25em);
}

.css-button-circle.stop:active {
	background: transparent;
	cursor: default;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.css-button-circle { border-style:solid; }

.arrow {
	display:inline-block;
	position: absolute;
	left: auto;
    width:5px;
    height:1px;
	background: #fff;

	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
    box-sizing:border-box;
}

.arrow-left-top {
	 left: 5px; top: 6px;
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.arrow-left-bottom {
	 left: 5px; top: 9px;
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
}

.arrow-right-top {
	 left: 6px; top: 6px;
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
}

.arrow-right-bottom {
	 left: 6px; top: 9px;
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg); 
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.css-button-circle:hover .arrow {
	background: transparent;
}

.css-button-circle.stop .arrow { background: #666; }

/*		MEDIA QUERIES */

@media screen and (max-width: 1020px) { /* 30px padding on left and right before width expands to 960px */ /* ipad portrait */

	.button-quantity.increase, .button-quantity.decrease {
		width: 23.375px; /* 30 / (748/960) */
		height: 19px; /* 24 / (748/960) */
		
	}
	.button-quantity.increase { background-position: 7px 5px; }
	.button-quantity.decrease { background-position: 7px 5px; }
	
	
}